body {
  --el-color-primary: #165dff;
  --el-border-radius-base: 2px;
  --el-border-color: #d9d9d9;

  box-sizing: border-box;

  .el-table {
    --el-table-text-color: #1d2129;
    --el-table-header-text-color: #1d2129;
    --el-table-header-bg-color: #f2f3f5;
    --el-table-border-color: #e5e6eb;

    border-right: var(--el-table-border);
    border-left: var(--el-table-border);

    .cell {
      padding-right: 15px;
      padding-left: 15px;
    }

    .el-text {
      --el-text-color: inherit;
      --el-text-font-size: inherit;
    }
  }

  .el-pagination {
    --el-color-primary: #e8f4ff;
    --el-pagination-button-bg-color: transparent;
    --el-color-white: #1664ff;
    --el-pagination-hover-color: rgb(22 100 255 / 70%);
  }

  .el-button {
    --el-text-color-regular: #000;
    --el-fill-color-blank: #f2f3f5;
    --el-border-color: #f2f3f5;
  }

  .el-form {
    // --el-text-color-regular: #4e5969;
    --el-text-color-regular: rgb(0 0 0 / 80%);

    &.el-form--inline .el-form-item {
      margin-right: 22px;
      margin-bottom: 22px;
    }
  }

  .el-overlay {
    --el-overlay-color-lighter: rgb(0 0 0 / 10%);

    // .el-dialog {
    //   top: 50%;
    //   margin: 0 !important;
    //   transform: translateX(50%) translateY(-50%) !important;
    // }
  }

  .el-dialog {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    overflow: hidden;

    --el-dialog-title-font-size: 16px;

    .el-dialog__headerbtn {
      --el-color-info: #000;

      width: 55px;
      height: 55px;
      font-size: 20px;
    }

    .el-dialog__header {
      display: flex;
      flex-shrink: 0;
      align-items: center;
      height: 55px;
      padding-bottom: 0 !important;
      padding-left: 32px;
      overflow: hidden;
      font-weight: bold;
      border-bottom: 1px solid #e9e9e9;
    }

    .el-dialog__body {
      position: relative;
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 14px 32px;
      overflow: hidden;
    }

    .el-dialog__footer {
      flex-shrink: 0;
      padding: 0 32px 14px;
      overflow: hidden;
    }
  }

  .el-divider {
    .el-divider--horizontal {
      margin: 20px 0;
    }
  }

  .el-menu {
    --el-menu-horizontal-height: 40px;
    --el-menu-active-color: #1664ff;
    --el-menu-text-color: #4e5969;
    --el-menu-hover-text-color: #1664ff;

    .el-menu-item {
      &.is-active {
        font-weight: bold;
      }
    }
  }

  .el-select {
    .el-select__wrapper {
      height: var(--el-component-size);
    }
  }
}
